<template>
	<div class="orderTime">
		<!-- 地址 -->
		<slot name="address"></slot>
		<!-- 订单 -->
		<slot name='order'></slot>
		<!-- 时间 -->
		<slot name="time"></slot>
		<!-- 支付时间 -->
		<slot name='timePayment'></slot>
		<!-- 交易完成时间 -->
		<slot name='closingTime'></slot>
	</div>
</template>

<script lang="ts" setup>

</script>

<style lang='scss' scoped>
	@import '../../common.scss';

	/* 订单编号，创建时间 */
	.orderTime {
		padding: $contentPadding;
		/* width: 91%; */
		margin: 0 auto;
		/* height: 160px; */
		background: #2A2B2D;
		border-radius: 16px;
		box-sizing: border-box;

		::v-deep.address,
		::v-deep.order,
		::v-deep.time,
		::v-deep.timePayment,
		::v-deep.closingTime {
			display: flex;
			justify-content: space-between;
			align-items: center;
			font-size: 24px;
			font-family: PingFangSC-Regular, PingFang SC;
			font-weight: 400;
			color: #FFFFFF;
			line-height: 80px;

			.colorGray {
				display: flex;
				align-items: center;
				max-width: 482px;
				/* color: #; */
				text-align: right;

				image {
					width: 30px;
					margin: 0 4px;
				}
			}
		}

		::v-deep.address {
			line-height: 34px;
		}
	}
</style>